<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta content="yes" name="apple-mobile-web-app-capable"> 
    <meta content="yes" name="apple-touch-fullscreen"> 
    <meta content="telephone=no,email=no" name="format-detection"> 
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/flexible_css.js"></script>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/h5.css"> 
</head>
<body>
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="">
                        <img src="http://cdn.fv4005.com/images/images_154210156114688923.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="https://img.zcool.cn/community/0100f85be39bc3a80120925289ad83.png">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="https://img.zcool.cn/community/010c405be39bafa80121ab5d363e26.png">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="https://img.zcool.cn/community/0194b45be4ddd4a80121ab5dd9db1e.jpg">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="">
                        <img src="https://img.zcool.cn/community/015ba95be39bdba80121ab5d8f90bb.png">
                    </a>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="gxInfo">
        <div class="gxTit">
           <img src="images/gx.png">
        </div>
        <div class="scroll-box">
            <ul>
              <li>1分钟前138****4696在财多多成功借款1500元</li>
              <li>5分钟前138****6869在有借必应成功借款1400元</li>
              <li>2分钟前155****7208在么么钱包成功借款1700元</li>
              <li>6分钟前158****5899在桔子速借成功借款2900元</li>
              <li>4分钟前139****4189在八秒贷成功借款2100元</li>
              <li>8分钟前188****6628在急钱贷成功借款1100元</li>
              <li>7分钟前150****2268在钱花花成功借款3400元</li>
              <li>9分钟前187****6108在速来借成功借款1900元</li>
              <li>7分钟前150****2268在钱花花成功借款3400元</li>
              <li>10分钟前152****5784在360借条成功借款3400元</li>
              <li>5分钟前182****5784在猪宝钱包成功借款1000元</li>
              <li>1分钟前159****3288在旭旭钱包成功借款2000元</li>
            </ul>
        </div>
    </div>
    <div class="kedai">
        <ul>
            <li>
                <img src="https://img.zcool.cn/community/01b4b75be3dccea801209252ec1eaa.jpg@260w_195h_1c_1e_1o_100sh.jpg">
                <span class="t1">来花花</span>
                <span class="t2">1000</span>
                <span class="t3">通过率78.1%</span>
            </li>
            <li>
                <img src="https://img.zcool.cn/community/01b4b75be3dccea801209252ec1eaa.jpg@260w_195h_1c_1e_1o_100sh.jpg">
                <span class="t1">花间记</span>
                <span class="t2">10万</span>
                <span class="t3">通过率78.1%</span>
            </li>
            <li>
                <img src="https://img.zcool.cn/community/01b4b75be3dccea801209252ec1eaa.jpg@260w_195h_1c_1e_1o_100sh.jpg">
                <span class="t1">借钱猫</span>
                <span class="t2">1万</span>
                <span class="t3">通过率78.1%</span>
            </li>
        </ul>
    </div>
    <div class="fengge"></div>
    <div class="hotIntro">
        <div class="introImg">
            <img src="images/ibg.png">
        </div>
        <div class="hotCon">
            <ul>
                <li>
                    <img src="https://img.zcool.cn/community/0003865be3aa94a801209252d2aedb.png@260w_195h_1c_1e_1o_100sh.jpg">
                    <div class="hotInfo">                       
                        <span class="name">来花花</span>
                        <span class="price">3000~1万</span>
                        <span class="time">7~15天</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.zcool.cn/community/0003865be3aa94a801209252d2aedb.png@260w_195h_1c_1e_1o_100sh.jpg">
                    <div class="hotInfo">                       
                        <span class="name">来花花</span>
                        <span class="price">3000~8000</span>
                        <span class="time">1~3月</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.zcool.cn/community/0003865be3aa94a801209252d2aedb.png@260w_195h_1c_1e_1o_100sh.jpg">
                    <div class="hotInfo">                       
                        <span class="name">来花花</span>
                        <span class="price">1万~10万</span>
                        <span class="time">15天~3月</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.zcool.cn/community/0003865be3aa94a801209252d2aedb.png@260w_195h_1c_1e_1o_100sh.jpg">
                    <div class="hotInfo">                       
                        <span class="name">来花花</span>
                        <span class="price">3000~1万</span>
                        <span class="time">7~15天</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.zcool.cn/community/0003865be3aa94a801209252d2aedb.png@260w_195h_1c_1e_1o_100sh.jpg">
                    <div class="hotInfo">                       
                        <span class="name">来花花</span>
                        <span class="price">3000~8000</span>
                        <span class="time">1~3月</span>
                    </div>
                </li>
                <li>
                    <img src="https://img.zcool.cn/community/0003865be3aa94a801209252d2aedb.png@260w_195h_1c_1e_1o_100sh.jpg">
                    <div class="hotInfo">                       
                        <span class="name">来花花</span>
                        <span class="price">1万~10万</span>
                        <span class="time">15天~3月</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        spaceBetween: 0,
        speed: 2000,
        loop: true,
        autoplay:1500
    });
    $(function() {
    //获得当前<ul>
    var $uList = $(".scroll-box ul");
    var timer = null;
    //触摸清空定时器
    $uList.hover(function() {
        clearInterval(timer);
    },
    function() { //离开启动定时器
        timer = setInterval(function() {
            scrollList($uList);
        },
        2600);
    }).trigger("mouseleave"); //自动触发触摸事件
    //滚动动画
    function scrollList(obj) {
        //获得当前<li>的高度
        var scrollHeight = $("ul li:first").height();
        //滚动出一个<li>的高度
        $uList.stop().animate({
            marginTop: -scrollHeight
        },
        600,
        function() {
        
            $uList.css({
                marginTop: 0
            }).find("li:first").appendTo($uList);
        });
    }
});
    </script>
</body>
</html>